<script lang="ts" setup>
import { QueryType } from "../../../utils/ts/query";

const { item } = defineProps<{ item: QueryType }>();
</script>
<template>
  <div class="flex flex-col items-center mb-10">
    <img :src="item.img" alt="" class="h-20 mb-5" />
    <p class="text-1xl md:text-2xl mb-3">
      {{ item.title }}
    </p>
    <p class="text-xs md:text-sm text-gray-700">
      {{ item.desc }}
    </p>
  </div>
</template>
<style lang="scss" scoped></style>
